﻿<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <SCRIPT src="/jquery-1.7.2.min.js" type="text/javascript">
    </SCRIPT>
    <SCRIPT src="/jquery.tmpl.js" type="text/javascript">
    </SCRIPT>
</head>

<body>
    <div id="fromhtml"> </div>
    <script id="mianfromtmpl" type="text/x-jquery-tmpl">
     <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" style=" margin-top: 10px;">
                    {{each layoutitemlist}}
                    <el-col style="padding-bottom: 30px;" :span="${span}">
                        {{each widgetForm.list}}
                        {{tmpl($value) '#panelcodetmpl'}}
                        {{/each}}
                    </el-col>
                    {{/each}}
                    {{each layerlist}}
                    {{tmpl($value) '#dialogcodetmpl'}}
                    {{/each}}
                    <el-col :xs="24" :md="24" :lg="24" style="text-align: center;position: fixed;
                    bottom: 0px" v-if="deviceMode!=='dialog'">
                        <!--<el-button-group class="buttongroup" >  -->  
                            <el-button   @click="submitData_sys" style="width:50%" type="primary" icon="fa fa-check" :plain="false" :round="false" :circle="false" :disabled="false"> 提交 </el-button>
                         <!--<el-button   icon="fa fa-mail-forward" @click="goBack_sys()" v-if="deviceMode==='Mobile1'" >返回</el-button>
                        </el-button-group>-->
                        </el-col>
                        <el-col :xs="24" :md="24" :lg="24" style=" margin-top: 20px;    margin-bottom: 20px;"  v-else>
                            <div style="float: right;display: inline-block;">
                         <el-button   @click="submitData_sys"  type="primary" icon="fa fa-check" :plain="false" :round="false" :circle="false" :disabled="false"> 提交 </el-button>
                             <el-button  style="color:red"  icon="el-icon-close" @click="dialogclose" >关闭</el-button>
                            </div>
                        </el-col>
                        <fromdialog
                        ref="reffromdialog"
                        :dialogclose="fromdialogclose_sys"
                      >
                      </fromdialog>
     </el-form>

    </script>
    <script id="miantmpl" type="text/x-jquery-tmpl">
        <template  >

            {{if headurl!='undefined'&&headurl!=''}}
            <div data-v-1fc0fehfff class="mianfromplane">   <div style="${typeof(backgroundurl)!='undefined'&&backgroundurl!=''?'background-color: rgb(255, 255, 255); background-image: url("'+backgroundurl+'"); background-repeat: no-repeat; background-size: cover; background-position: center top;height: 100vh;width: 100%;':''}" :style="{'padding-top':deviceMode==='pc'?'40px':'0px','overflow': deviceMode==='pc'?'auto':'' }"  >
                <div style="max-width: 1024px;min-height:100vh; background-color:white;overflow-y: auto;overflow-x:hidden;" class="maincontent" id="maincontent">
                    {{if typeof(headurl)!='undefined'&&headurl!=''}}
                    <div class="form-header__banner" style="text-align: left; background-color: rgb(213, 130, 163);"><img src="${headurl}" alt="header image" width="100%"></div>
                    {{/if}}
                    {{tmpl($data) '#mianfromtmpl'}}
                </div></div>  </div>
            {{else}}
            <div data-v-1fc0fehfff class="mianfromplane">
            {{tmpl($data) '#mianfromtmpl'}}
            </div>
            {{/if}}

       </template>
    </script>
    <script id="panelcodetmpl" type="type/x-jquery-tmpl">
        {{if type=="gridPanel"}}
            {{each columns}}
            <el-col :span="24"  v-if="readDataPermission.${model}!==false">
                ${buildfromcode.setReadData(model)}
                {{if title!=""}}
                <el-card class="box-card" {{html options.tagattr}}>
                    <div slot="header" class="clearfix">
                      <span>${title}</span></div>   {{tmpl($value) '#fromcodetmpl'}}
                    </el-card>
                    {{else}}
                    {{tmpl($value) '#fromcodetmpl'}}
                    {{/if}}
            </el-col>
            {{/each}}
        {{else type=="tabs"}}
            <el-col :span="24" v-if="readDataPermission.${model}!==false">
                ${buildfromcode.setReadData(model)}
                <el-tabs default-active-key="1"  >
                    {{each options.panelist}}
                    ${buildfromcode.setReadData(name)}
                    <el-tab-pane key="${$index+1}" label="${title}"  v-if="readDataPermission.${name}!==false"
                                  {{html options.tagattr}}>
                        <el-row >
                            {{each  columns}}
                                        {{tmpl($value) '#fromcodetmpl'}}
                            {{/each}}
                        </el-row>
                    </el-tab-pane>
                    {{/each}}
                </el-tabs>
            </el-col>
            {{else type=="collapse"}}
            <el-col :span="24" v-if="readDataPermission.${model}!==false">
                ${buildfromcode.setReadData(model)}
                <a-collapse {{html options.tagattr}} default-active-key="1" >
                    {{each options.panelist}}
                    ${buildfromcode.setReadData(name)}
                    <a-collapse-panel key="${$index+1}" header="${title}" v-if="readDataPermission.${name}!==false">
                        <el-row >
                            {{each  columns}}
                                        {{tmpl($value) '#fromcodetmpl'}}
                            {{/each}}
                        </el-row>
                    </a-collapse-panel>
                    {{/each}}
                </a-collapse>
            </el-col>
            {{else}}
            {{/if}}
    </script>
    <script id="dialogcodetmpl" type="type/x-jquery-tmpl">
        <zhlDialog title="${options.labelTitle}"
                   ref="${options.idPrefix}"
                   width="${options.width.indexOf("%")<0&&options.width.indexOf("px")<0?(options.width+"px"):options.width}"
                   height=""
                   class="my-dialog">

                    <div style="min-height:${options.height.indexOf("%")<0 &&options.height.indexOf("px")<0?(options.height+"px"):options.height}">
                                                                                                 {{each list}}
                                                                                                 {{tmpl($value) '#panelcodetmpl'}}
                                                                                                 {{/each}}
                      </div>
        {{if options.layertype == 'center'}}
        <el-row class="filterbottom">
        <div class="operation">
        {{each options.buttons}}
                    <el-button
                      type="${options.butType}"
                      style="margin-right:10px"
                      size="${options.butsize}"
                      icon="${options.icon}"
        ${buildfromcode.buildEvent($value)} {{html options.tagattr}}
                      >${ options.labelTitle }</el-button
                    >
        {{/each}}
                </div>
        {{/if}}
        </zhlDialog>
    </script>
    <script id="wmpDetailcodetmpl" type="type/x-jquery-tmpl">
        {{if  type=="queryrelevance"||  type=="hidden"}}
        {{else}}
                <el-table-column prop="${dataIndex}"
                                 label="${title}" class-name="${ options.required == true?" required":"" }"  ${isWidth===true?'':'width='+width}>
                    <template slot-scope="scope">
                        <div class="el-input el-input--small">
                            {{if  type=="input"}}
                            <el-input placeholder="请输入${ title }内容" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="scope.row.${dataIndex}" maxlength="${options.dataLength}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}></el-input>
                           {{else type == 'textarea'}}
                            <el-input type="textarea"
                                      rows="2"
                                      placeholder="请输入${ title }内容" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="scope.row.${dataIndex}" maxlength="${options.dataLength}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
                            </el-input>
                            {{else type == 'select'}}
                        <el-select placeholder="请选择${ title}" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
                            {{if options.isRemote==true}}
                              <el-option  v-for="(item,index) in controlData.${options.filed}" :key="index"
                                           :label="item.${options.labelValue}"
                                          :value="item.${options.labelValue}">
                                </el-option>
                            {{else}}
                                              {{each options.options}}
                                                <el-option label="${$value}"
                                                           value="${$value}">
                                                </el-option>
                                                {{/each}}
                            {{/if}}
                        </el-select>
                            {{else type == 'date'}}
                            {{if options.modeltype == 'date'}}
                             <el-date-picker placeholder="${options.placeholder}"
                                                format="${options.format}"
                                                value-format="${options.format}"
                                                type="${options.modeltype}"
                                                :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}} />
                                {{else options.modeltype == 'range'}}
                                <el-date-picker
                                  v-model="scope.row.${dataIndex}"
                                  type="monthrange"
                                  format="${options.format}"
                                  value-format="${options.format}"
                                  range-separator="至"
                                  start-placeholder="${options.placeholder}"
                                  end-placeholder="${options.placeholder}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}} :disabled="${options.disabled}||!(writeDataPermission.${model}===true)">
                                </el-date-picker>
                                {{/if}}
                            {{else type == 'radio'}}
                            <el-radio-group size="mini"
                                            style="line-height:43px; display:block;" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
                               {{if options.isRemote==true}}
           <el-radio  v-for="(item,index) in controlData.${options.filed}" :key="index"
                       :label="item.${options.labelValue}"
                      :value="item.${options.labelValue}">
            </el-radio>
        {{else}}
                              {{each options.options}}
                                <el-radio style="inline"
                                          label="${$value}">${ $value }</el-radio>
                                {{/each}}
        {{/if}}
                            </el-radio-group>
                            {{else type == 'checkbox'}}
                            <el-checkbox-group size="mini"
                                               style="line-height:43px;" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
                               {{if options.isRemote==true}}
           <el-checkbox  v-for="(item,index) in controlData.${options.filed}" :key="index"
                       :label="item.${options.labelValue}"
                      :value="item.${options.labelValue}">
            </el-checkbox>
                             {{else}}
                              {{each options.options}}
                                <el-checkbox style="inline"
                                             label="${$value}" >${$value}</el-checkbox>
                                {{/each}}
                            {{/if}}
                            </el-checkbox-group>
               {{else type == 'switch'}}
                  <el-switch
                    v-model="scope.row.${dataIndex}"
                    active-color="${options.activecolor}"
                    inactive-color="${options.inactivecolor}"
                    :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                  >
                  </el-switch>
                {{else type == 'colorpicker'}}
               <el-color-picker
                v-model="scope.row.${dataIndex}"
                :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                size="${options.butsize}"
              >
              </el-color-picker>
                 {{else type == 'slider'}}
              <el-slider
                v-model="scope.row.${dataIndex}"
               ${options.range?"range":""}
                :max="${options.max}"
                :min="${options.min}"
                :step="${options.step}"
              >
              </el-slider>
              {{else type == 'upFilesComp'}}
                {{if options.uptype =='file'}}
                <upfilescomp :filelistarr="scope.row.${dataIndex}"></upfilescomp>
                {{else options.uptype =='img'}}
                    <upmanyimgcomp  :filelistarr="scope.row.${dataIndex}" :limit="1"></upmanyimgcomp>
                    {{else options.uptype =='arryimg'}}
                    <upmanyimgcomp :filelistarr="scope.row.${dataIndex}"
                    ></upmanyimgcomp>
                {{/if}}
                            {{else type == 'rate'}}
                            <el-rate ${options.readonly?"readonly='true' ":" "} v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}></el-rate>
                            {{else type == 'inputnumber'}}
                            <el-input-number :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                                            ${options.min===0&&options.max===0?':max='+options.max+' :min='+options.min+' ':''}
                                             label="${options.describe}"
                                             :step="${options.step}"
                                             :precision="${options.precision}" v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}></el-input-number>
                            {{else type == 'timepicker'}}
                            <a-time-picker use12-hours
                                           format="${options.timeformat}"
                                           :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                                           :minuteStep="${options.minute}"
                                           :secondStep="${options.second}" v-model="scope.row.${dataIndex}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}} />

                           {{else type == 'fromlable'}}
                                           <fromlable :filed="scope.row.${dataIndex}" titlecolor="${options.titlecolor}" {{html options.tagattr}}></fromlable>
                          {{else type == 'autonumber'}}
                                           <autono  ref="autono${options.filed}" :modelcode.sync="scope.row.${dataIndex}" BusinessMoudle="${options.BusinessMoudle}" BusinessModuleID="${options.BusinessModuleID}"  {{html options.tagattr}}></autono>
                           {{else type == 'datarelevance'}}
                           <datarelevance :filedlist="controlData.${options.filed}" :queryparam="queryparam${options.filed}_sys" @selected="assign${options.filed}_sys" :dataid.sync="scope.row.${dataIndex}" :apicode="'${options.sourceApi}'" :datalable.sync="scope.row.${options.filed}_text" title="${title}" :datarow="scope.row" {{html options.tagattr}}></datarelevance>
                            {{else type == 'cityselector'}}
                                           <cityselector v-model="scope.row.${dataIndex}" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" {{html options.tagattr}}></cityselector>
                            {{else type == 'user'||type == 'organ'||type == 'department'||type == 'role'}}
                                         <selector :checklisted.sync="scope.row.${dataIndex}" :typemode="${options.typemode}" :ismulti="${options.isMulty}" {{html options.tagattr}}></selector>
                            {{else  type == 'button' }}
                            {{each options.buttons}}
                        <el-button style="margin-left:5px;"   ${buildfromcode.buildEvent($value)} {{html options.tagattr}}   type="${options.butType}"
                      size="${options.butsize}"
                      icon="${options.icon}" :plain="${options.isplain}"
          :round="${options.isround}"
          :circle="${options.iscircle}"
          :disabled="${options.disabled}">
                            ${options.labelTitle}
                        </el-button>
                            {{/each}}
                            {{/if}}
                        </div>
                    </template>
                </el-table-column>
                {{/if}}
    </script>
    <script id="wmpDetailfromcodetmpl" type="type/x-jquery-tmpl">
        <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" style=" margin-top: 10px;">
          {{each options.columns}}
          {{tmpl($value) '#fromcontroltmpl'}}
          {{/each}}
        </el-form>
    </script>
    <script id="fromcodetmpl" type="type/x-jquery-tmpl">
        {{each list}}
        {{if type == 'listview' }}
        <div v-if="readDataPermission.${name}!==false">
        <el-col :xs="24" :md="24" :lg="24"  >
            <el-button style="margin-left:5px;margin-top: 5px;" type="text" :plain="false" size="mini" icon="el-icon-circle-plus"  :round="false" :circle="false" :disabled="false" @click="addListViewRow_sys('${options.controlId}')"  > 新增 </el-button>
        </el-col>
        <el-col :span="24">
          <div class="ant-table_container">
           <el-table   :data="formData.${options.controlId}"     ref="${options.controlId}"    style="width: 100%"  @row-click="${options.controlId.trim()}rowclick_sys"  >
              {{each options.columns}}
              ${setlistviewCelnum($data,$index)}
           {{tmpl($value) '#wmpDetailcodetmpl'}}
             {{/each}}
             <el-table-column prop="operation" fixed="right" label="操作" class-name="" width="100">
                <template _tmplitem="8" slot-scope="scope">
                                                <div _tmplitem="8" class="el-input el-input--small">
                                                    <el-button style="margin-left:5px;" type="text" size="small" icon="el-icon-delete" :plain="false" :round="false" :circle="false" :disabled="false" @click="delListViewRow_sys('${options.controlId}',scope.row)"> 删除 </el-button>
                                                </div>

                </template>
                </el-table-column>
           </el-table>
          </div>    </el-col>
        </div>

        ${buildfromcode.setfromData(options,type,title,$value)}
        {{else type=="queryrelevance"}}
        ${buildfromcode.buildqueryrelevance($value)}
        {{else type=="hidden"}}
        ${buildfromcode.setfromData(options,type,title,$value)}
        {{else buildfromcode.rowcontrolstr.indexOf(type + ',') >= 0}}
        {{tmpl($value) '#rowcontroltmpl'}}
        {{else type == 'button'}}
        <el-col :xs="${options.xs}"
    :md="${options.md}"
    :lg="${options.lg}" >
            {{each options.buttons}}
            <el-button style="margin-left:5px;    margin-top: 5px;" size="mini"  ${buildfromcode.buildEvent($value)} {{html options.tagattr}} type="${options.butType}"
                      size="${options.butsize}"
                      icon="${options.icon}"  :plain="${options.isplain}"
          :round="${options.isround}"
          :circle="${options.iscircle}"
          :disabled="${options.disabled}||!(writeDataPermission.${model}===true)">
                  ${options.labelTitle}
            </el-button>
            {{/each}}
        </el-col>
        {{else type == 'gridlist' }}
            <el-col :xs="24" :md="24" :lg="24"  >
                <el-button style="margin-left:5px;margin-top: 5px;" type="text" :plain="false" size="mini" icon="el-icon-circle-plus"  :round="false" :circle="false" :disabled="false" @click="addGridlist_sys('${options.controlId}','${options.fromid}')"  > 新增 </el-button>
            </el-col>
            <el-col :span="24">
              <div class="ant-table_container">
               <el-table   :data="formData.${options.controlId}"     ref="${options.controlId}"    style="width: 100%"   >
                  {{each options.columns}}
                  ${setCelnum($data,$index)}
               {{tmpl($value) '#wmpDetailcodetmpl'}}
                 {{/each}}
                 <el-table-column prop="operation" fixed="right" label="操作" class-name="" width="120" style=" display: -webkit-flex; display:flex;flex-direction:row-reverse ">
                    <template _tmplitem="8" slot-scope="scope" >
                                                        <el-button style="margin-left:5px;" type="text" size="small" icon="el-icon-delete" :plain="false" :round="false" :circle="false" :disabled="false" @click="updateGridlist_sys('${options.controlId}','${options.fromid}',scope.row)"> 修改 </el-button>
                                                        <el-button style="margin-left:5px;" type="text" size="small" icon="el-icon-delete" :plain="false" :round="false" :circle="false" :disabled="false" @click="delGridlist_sys('${options.controlId}',scope.row)"> 删除 </el-button>

                    </template>
                    </el-table-column>
               </el-table>
              </div>
            </el-col>
            {{if options.isPage == true}}
              <div class="ant-table_footer" >
                  <a-pagination
                    :loading="controlData.${options.controlId}.pagination.isloading"
                    v-model="controlData.${options.controlId}.pagination.currnet"
                    :default-current="1"
                    :total="controlData.${options.controlId}.pagination.total"
                    show-quick-jumper
                    @change="${options.controlId}handleTableChange_sys"
                    @showSizeChange="${options.controlId}showSizeChange_sys"
                    :pageSize="controlData.${options.controlId}.pagination.pagesize"
                    show-size-changer
                  />
               </div>
              ${addhandleTableChange(options.controlId,options.sourceApiId)}
            {{/if}}

            ${buildfromcode.setfromData(options,type,title,$value)}
        {{else}}
        {{tmpl($value) '#fromcontroltmpl'}}
        {{/if}}
        {{/each}}
    </script>
    <script id="rowcontroltmpl" type="type/x-jquery-tmpl">
        <el-col :xs="${options.xs}"
        :md="${options.md}"
        :lg="${options.lg}" >
                <el-col
                        style="${buildfromcode.getrowcontrolcss($data)}">
                        {{if type == 'tree'}}
                        <el-tree></el-tree>
                        {{else type == 'partlayout' }}
                        <el-col :xs="${options.xs}"
            :md="${options.md}"
            :lg="${options.lg}"
                    style="padding:0px">
                            {{tmpl($data) '#fromcodetmpl'}}
                        </el-col>
                        {{else type == 'imgage' }}
                        <img data-v-6c4399d0=""
                             :src="formData.${options.filed}"
                             width="${options.width}px"
                             height="${options.height}px" />
                             ${buildfromcode.setfromData(options,type,'',$data)}
                        {{else type == 'upFilesComp' }}
                            {{if options.uptype =='file'}}
                                   <upfilescomp :filelistarr.sync="formData.${options.filed}"></upfilescomp>
                            {{else options.uptype =='img'}}
                              <upmanyimgcomp  :filelistarr.sync="formData.${options.filed}" :limit="1"></upmanyimgcomp>
                              {{else options.uptype =='arryimg'}}
                              <upmanyimgcomp :filelistarr.sync="formData.${options.filed}"
                              ></upmanyimgcomp>
                           {{/if}}
                         ${buildfromcode.setfromData(options,type,title,$data)}
                        {{/if}}
                </el-col>
            </el-col>
    </script>
    <script id="fromcontroltmpl" type="type/x-jquery-tmpl">
        <el-col :xs="${options.xs}"
        :md="${options.md}"
        :lg="${options.lg}"
                style="padding:0px" v-if="readDataPermission.${model}!==false">
            ${buildfromcode.setfromData(options,type,title,$data)}
                <el-form-item label="${title}" prop="${options.filed}" label-width="${title==''?'0':options.labelwidth}px">
                {{if type == 'input'}}
                <el-input placeholder="请输入${ title}内容" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="formData.${options.filed}" maxlength="${options.dataLength}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}></el-input>
                {{else type == 'textarea'}}
                <el-input type="textarea"
                          rows="${options.minRows}"
                          placeholder="请输入${ title }内容" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="formData.${options.filed}" maxlength="${options.dataLength}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
                </el-input>
                {{else type == 'editor'}}
                <Editor ref="${options.filed}"
                        :value.sync="formData.${options.filed}"></Editor>
                {{else type == 'select'}}
            <el-select placeholder="请选择${title}" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}  style="width: 100%;">
            {{if options.isRemote==true}}
              <el-option  v-for="(item,index) in controlData.${options.filed}" :key="index"
                           :label="item.${options.labelValue}"
                          :value="item.${options.labelValue}">
                </el-option>
            {{else}}
               {{each options.options}}
                <el-option
                           label="${$value}"
                          value="${$value}">
                </el-option>
                {{/each}}
            {{/if}}
            </el-select>
                {{else type == 'date'}}
                {{if options.modeltype == 'date'}}
             <el-date-picker placeholder="${options.placeholder}"
                                format="${options.format}"
                                value-format="${options.format}"
                                type="${options.modeltype}"
                                :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}} />
                {{else options.modeltype == 'range'}}
                <el-date-picker
                  v-model="formData.${options.filed}"
                  type="monthrange"
                  format="${options.format}"
                  value-format="${options.format}"
                  range-separator="至"
                  start-placeholder="${options.placeholder}"
                  end-placeholder="${options.placeholder}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}} :disabled="${options.disabled}||!(writeDataPermission.${model}===true)">
                </el-date-picker>
                {{/if}}
                {{else type == 'radio'}}
                <el-radio-group size="mini"
                                style="line-height:43px; display:block;" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
                    {{if options.isRemote==true}}
                         <el-radio  v-for="(item,index) in controlData.${options.filed}" :key="index"
                                   :label="item.${options.labelValue}"
                                  :value="item.${options.labelValue}">
                        </el-radio>
                    {{else}}
                        {{each options.options}}
                            <el-radio style="inline"
                                      label="${$value}">${ $value }</el-radio>
                            {{/each}}
                    {{/if}}
                </el-radio-group>
                {{else type == 'checkbox'}}
                <el-checkbox-group size="mini"
                                   style="line-height:43px;" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}>
             {{if options.isRemote==true}}
                   <el-checkbox  v-for="(item,index) in controlData.${options.filed}" :key="index"
                           :label="item.${options.labelValue}"
                          :value="item.${options.labelValue}">
                </el-checkbox>
             {{else}}
                {{each options.options}}
                    <el-checkbox style="inline"
                                 label="${$value}" >${$value}</el-checkbox>
                    {{/each}}
            {{/if}}
                </el-checkbox-group>
                {{else type == 'editor'}}
             {{else type == 'switch'}}
                  <el-switch
                    v-model="formData.${options.filed}"
                    active-color="${options.activecolor}"
                    inactive-color="${options.inactivecolor}"
                    :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                  >
                  </el-switch>
                {{else type == 'colorpicker'}}
               <el-color-picker
                v-model="formData.${options.filed}"
                :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                size="${options.butsize}"
              >
              </el-color-picker>
                 {{else type == 'slider'}}
              <el-slider
                v-model="formData.${options.filed}"
               ${options.range?"range":""}
                :max="${options.max}"
                :min="${options.min}"
                :step="${options.step}"
              >
              </el-slider>
                {{else type == 'rate'}}
                <el-rate ${options.readonly?"readonly='true' ":" "}   v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}></el-rate>
                {{else type == 'inputnumber'}}
                <el-input-number :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                                 ${options.min===0 && options.max===0?':max='+options.max+' :min='+options.min+' ':''}
                                 label="${options.describe}"
                                 :step="${options.step}"
                                 :precision="${options.precision}" v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}}></el-input-number>
                {{else type == 'timepicker'}}
                <a-time-picker use12-hours
                               format="${options.timeformat}"
                               :disabled="${options.disabled}||!(writeDataPermission.${model}===true)"
                               :minuteStep="${options.minute}"
                               :secondStep="${options.second}" v-model="formData.${options.filed}" ${buildfromcode.buildEvent($data)} {{html options.tagattr}} />
               {{else type == 'fromlable'}}
               <fromlable :filed="formData.${options.filed}" titlecolor="${options.titlecolor}" {{html options.tagattr}}></fromlable>
               {{else type == 'autonumber'}}
               <autono ref="autono${options.filed}" BusinessMoudle="${options.BusinessMoudle}" BusinessModuleID="${options.BusinessModuleID}" :modelcode.sync="formData.${options.filed}" {{html options.tagattr}}></autono>
               {{else type == 'datarelevance'}}
               <datarelevance :filedlist="controlData.${options.filed}" :queryparam="queryparam${options.filed}_sys" @selected="assign${options.filed}_sys" :dataid.sync="formData.${options.filed}" :datalable.sync="formData.${options.filed}_text"  :apicode="'${options.sourceApi}'" title="${title}" {{html options.tagattr}}></datarelevance>
               {{else type == 'cityselector'}}
               <cityselector v-model="formData.${options.filed}" :disabled="${options.disabled}||!(writeDataPermission.${model}===true)" {{html options.tagattr}}></cityselector>
               {{else type == 'locationmap'}}
                 <locationmap :cityaddress="formData.${options.filed}"  {{html options.tagattr}}/>
                {{else type == 'signname'}}
                    <signname :vheight="${options.height}" :resultImg="formData.${options.filed}"  {{html options.tagattr}}/>
                {{else type == 'user'||type == 'organ'||type == 'department'||type == 'role'}}
                               <selector :typemode="${options.typemode}" :checklisted.sync="formData.${options.filed}" :ismulti="${options.isMulty}" {{html options.tagattr}}></selector>
                {{/if}}
                </el-form-item>
        </el-col>
    </script>
    <script id="buildactioncode" type="type/x-jquery-tmpl">
        ${key}(page){
         {{if controlType=='listview' || controlType=='gridlist'}}
            this.controlData.${controlId}.pagination.isloading=true;
         {{/if}}
        const param=  {
        {{each paramlist}}
        {{if children.length>0}}
         ${setbuildactionitem($value)}
        ${property}:{{tmpl($value) '#buildactionItemcode'}}
        {{/if}}
        {{if $index<(children.length-1)}} ,
        {{/if}}
        {{/each}}
        };
        {{if type=='swagger'}}
          this.$ajaxswagger("${sourceApi}",param).then(res=>{
if(res.code!=0){
this.$message.error(res.msg);
}
          {{if controlType=='listview'}}
this.formData.${controlId}=res.${swaggerconfig.list};
         this.controlData.${controlId}.pagination.isloading=false;
        this.controlData.${controlId}.pagination.total=res.${swaggerconfig.totalcount};
          {{else}}
        this.controlData.${controlId}=res.${swaggerconfig.list};
    {{/if}}

                 });
           {{else}}
         {{if controlType=='listview'&& isPage==true}}
         param.body.page=page;
         param.body.rows=this.controlData.${controlId}.pagination.pagesize;
        {{/if}}
         this.$apiComm("${sourceApi}",param).then(res=>{
if(res.code!=0){
this.$message.error(res.msg);
}
         {{if controlType=='listview'}}
        this.formData.${controlId}=res.data.list;
        this.controlData.${controlId}.pagination.isloading=false;
        this.controlData.${controlId}.pagination.total=res.totalcount;
        {{else}}
        this.controlData.${controlId}=res.data.list;
    {{/if}}
                 });
        {{/if}}
        }
    </script>
    <script id="buildactionItemcode" type="type/x-jquery-tmpl">
        {
        {{each children}}
        {{if variabletype=='Object' && children.length>0}}
         ${setbuildactionitem($value)}
        ${property}:{{tmpl($value) '#buildactionItemcode'}}
          {{if $index<(buildactionitem.children.length-1)}} ,
        {{/if}}
        {{else  paramvalue!=''}}
           {{if  paramvalue.indexOf('◇')>=0}}
            ${property}:"${paramvalue.substring(1,paramvalue.length)}"
           {{else    paramvalue.indexOf('◆')>=0}}
            ${property}:${paramvalue.substring(1,paramvalue.length)}
           {{else}}
           ${property}:this.formData.${paramvalue}
           {{/if}}
          {{if $index<(buildactionitem.children.length-1)}} ,
          {{/if}}
        {{/if}}

        {{/each}}
        }
    </script>
    <script id="buildAjaxcode" type="type/x-jquery-tmpl">
        const param=  {
        {{each paramlist}}
        {{if children.length>0}}
         ${setbuildactionitem($value)}
        ${property}:{{tmpl($value) '#buildactionItemcode'}}
        {{/if}}
        {{if $index<(children.length-1)}} ,
        {{/if}}
        {{/each}}
        };
        {{if type=='swagger'}}
          this.$ajaxswagger("${sourceApi}",param).then(res=>{
            if(res.code!=0){
            this.$message.error(res.msg);
            }

                 });
           {{else}}
         this.$apiComm("${sourceApi}",param).then(res=>{
if(res.code!=0){
this.$message.error(res.msg);
}
                 });
        {{/if}}
    </script>
    <div id="buildcode"></div>

    <script type="text/javascript" src="buildfrom.js?v=122.22"></script>
    <script type="text/javascript">
        var buildfromcode = new BuildFrom('buildpublish');
        var isWidth =false;
        function buildpubish(frominfo, jscode,defaultfromInfo) {
            buildfromcode.griddetail={}
           return  buildfromcode.buildpubish(frominfo, jscode,defaultfromInfo)

        }
        function setCelnum(gridctrl,idex){
           let columns=  gridctrl.list[0].options.columns
            isWidth=false
           if(window.screen.width-300>  (columns.length)*120&&idex===(columns.length-1)){
             isWidth=true
           }
           return ''

        }
        function setlistviewCelnum(gridctrl,idex){
            let columns=  gridctrl.list
            isWidth=false
           if(window.screen.width-300>  (columns.length)*120&&idex===(columns.length-1)){
             isWidth=true
           }
           return ''
        }
    </script>
    <style id="commoncss">
        .fr-card-index {
            position: absolute;
            padding-left: 4px;
            padding-right: 6px;
            border-bottom-right-radius: 8px;
            border-top-left-radius: 3px;
            background-color: rgba(0, 0, 0, 0.36);
            font-size: 8px;
            color: #fff;
        }

        .border-title {
            font-size: 16px !important;
            margin-bottom: 5px;
        }

        .required:before {
            content: '*';
            color: #c80000;
            font-size: 12px;
            vertical-align: top;
            display: inline-block;
            width: 10px;
            height: 10px;
            top: 2px;
            margin-left: -9px;
        }

        .el-input__inner {
            height: 35px;
            line-height: 35px;
        }

        .filterbottom {
            margin-top: 8px;
            margin-left: 15px;
            margin-right: 10px;
        }

        .filterbottom button {
            float: right;
            margin-right: 10px;
            margin-bottom: 20px;
        }

        @media screen and (min-width: 1024px) {
            .maincontent {
                margin-left: calc((100% - 1024px) / 2);
            }
        }

        @media screen and (max-width: 1024px) {
            .el-radio {
                width: 100%;
            }

            .el-checkbox {
                width: 100%;
            }

            .buttongroup {
                width: 100%;
            }

            .buttongroup button {
                width: 50%;
            }
        }

        body {
            overflow-x: hidden;
        }

        ::-webkit-scrollbar {
            width: 10px !important;
            height: 10px !important;
            -webkit-appearance: none;
            background: #f1f1f1;
        }

        ::-webkit-scrollbar-thumb {
            height: 5px;
            border: 1px solid transparent;
            border-top: 0;
            border-bottom: 0;
            border-radius: 6px;
            background-color: #ccc;
            background-clip: padding-box;
        }

        .focusState {
            position: absolute;
        }
        .mianfromplane[data-v-1fc0fehfff] .cell{
            display: flex;
            flex-direction: row;
            white-space:nowrap;
        }
        .mianfromplane[data-v-1fc0fehfff] .el-form-item__label{
            overflow: hidden; /*超出部分隐藏*/
            text-overflow: ellipsis; /* 超出部分显示省略号 */
            white-space: nowrap; /*规定段落中的文本不进行换行 */
        }
    </style>
</body>

</html>
